*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
.clear{
	clear: both;
}

.works{
	width: 100%;
	padding: 0.16rem;
	box-sizing: border-box;
	background: #ffffff;
}
.workstitle{
	width: 100%;
	margin-top: 0.08rem;
}
.empty{
	width: 100%;
	display: flex;
	justify-content: center;
}
.workstitletxt{
	float: left;
	padding-left: 0.08rem;
	display: flex;
	align-items: center;
	position: relative;
}
.workstitletxt::before{
	content: '';
	width: 0.04rem;
	height: 0.16rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	background: linear-gradient(135deg,rgba(238,66,166,0), #ee42a6);
}
.workstitletxt p{
	font-size: 0.18rem;
	font-weight: 600;
	color: #323233;
	/* line-height: 0.16rem; */
}
.workstitlemore{
	display: flex;
	align-items: center;
	float: right;
	cursor: pointer;
}
.workstitlemoretxt a{
	text-decoration: none;
}
.workstitlemoretxt p{
	font-size: 0.14rem;
	text-align: LEFT;
	color: #969799;
}
.workstitlemoreimg{
	width: 0.24rem;
	height: 0.24rem;
}
.workstitlemoreimg img{
	width: 100%;
	height: 100%;
}
.worksproduction{
	width: 100%;
	padding: 0.16rem 0;
	border-bottom: 1px solid #f2f3f5;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}
.worksproductionimg{
	width: 0.88rem;
	height: 0.88rem;
	position: relative;
	
	/* margin-right: 0.12rem; */
}
.worksproductionimg img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
.worksproductionnav{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.worksproductionnavtitle{
	min-width: 2.2rem;
	font-size: 0.14rem;
	font-weight: 400;
	text-align: LEFT;
	color: #323233;
	line-height: 0.24rem;
	cursor: pointer;
}
.workeritem p{
	font-size: 0.12rem;
	font-weight: 400;
	text-align: LEFT;
	color: #969799;
	display: inline-block;
}
.worksproductionnavwarpfabu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.workeritemcol{
	width: 0.24rem;
	height: 0.24rem;
	cursor: pointer;
}
.workeritemcol img{
	width: 100%;
	height: 100%;
}
.explain{
	width: 100%;
	padding: 0.16rem;
	margin-top: 0.16rem;
	background: #ffffff;
}
.explaintitle{
	width: 100%;
	/* padding-bottom: 0.16rem; */
	padding-left: 0.08rem;
	position: relative;
}
.explaintitle p{
	font-size: 0.18rem;
	font-weight: 600;
	text-align: LEFT;
	color: #323233;
}
.explaintitle::before{
	content: '';
	width: 0.04rem;
	height: 0.16rem;
	background: linear-gradient(135deg,rgba(238,66,166,0), #ee42a6);
	position: absolute;
	top:50%;
	left: 0;
	transform: translate(0, -50%);
}
.line{
	width: 100%;
	height: 1px;
	background: #f2f3f5;
	margin-top: 0.16rem;
}
.explainwarp{
	width: 100%;
	padding: 0.16rem 0;
}
.aditem{
	width: 100%;
	margin-top: 0.16rem;
}
.aditemsider{
	width: 100%;
	height: 1.52rem;
	margin-top: 0.16rem;
	position: relative;
}
.aditemsider img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
/* 提示弹窗 */
.judgepopup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.judgepopupnav {
	width: 100%;
	height: 100%;
	position: relative;
}

.judgepopupwarp {
	width: 4.56rem;
	height: 2.56rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
}

.judgepopupwarpup {
	width: 100%;
	height: 0.64rem;
}

.judgepopupwarpup img {
	width: 100%;
	height: 100%;
}

.judgepopupwarpdown {
	width: 100%;
	padding: 0.32rem 0.48rem;
	box-sizing: border-box;
}

.judgepopupwarptxt p {
	font-size: 0.20rem;
	font-weight: 600;
	text-align: CENTER;
	color: #000000;
}

.judgepopupwarpbtn {
	width: 100%;
	margin-top: 0.54rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.judgepopupwarpbtnitem {
	width: 1.44rem;
	height: 0.4rem;
	background: #C8C9CC;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.judgepopupwarpbtnitem p {
	font-size: 0.14rem;
	font-weight: 500;
	color: #ffffff;
}

.judgepopupwarpbtnactive {
	background: #0D0D0D;
}
@media (max-width:1200px){
	#sidebar{
		padding-right: 0;
	}
}
@media (max-width:750px) {
	#sidebar{
		margin-top: 0.4rem;
	}
	.workstitlemoreimg{
		width: 0.48rem!important;
		height: 0.48rem!important;
	}
	.worksproductionimg{
		width: 1.44rem!important;
		height: 1.44rem!important;
	}
	.worksproductionnavtitle{
		width: 4.27rem!important;
	}
	.worksproductionnavtitle p{
		line-height: 0.32rem;
	}
	
	.workstitletxt p{
		font-size: 0.28rem;
	}
	.workstitletxt::before{
		height: 0.28rem;
	}
	.explaintitle::before{
		height: 0.28rem;
	}
	.explaintitle p{
		font-size: 0.28rem;
	}
}